<!DOCTYPE html>
<html>
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>乐淘淘线上购物管理系统</title>
    </head>
  
  <body class="body">
	  
<div id="app">
    <div class="page-loader cube-loader">
      <div class="loader-wrap">
        <div class="loader-1 loader-element"></div>
        <div class="loader-2 loader-element"></div>
        <div class="loader-4 loader-element"></div>
        <div class="loader-3 loader-element"></div>
      </div>
    </div>
	
<header class="header-colorfull header-horizontal header-over header-view-side">
      <div class="container">
        <nav class="navbar">
          <a class="navbar-brand" href="indextest.html">
            <span class="logo-element-line">
              <span class="logo-icon">
                <span class="svg-content svg-fill-theme" data-svg="./assets/images/svg/logo-part.svg"></span>
              </span>
              <span class="logo-text" style="font-weight:bold">乐淘淘线上购物管理系统</span></span>
          </a>
          <button class="navbar-toggler" type="button">
            <i class="fas fa-bars nav-show"></i>
            <i class="fas fa-times nav-hide"></i>
          </button>
          <div class="navbar-collapse">
            <div class="container">
              <ul class="navbar-nav" >
                <li class="nav-item  nav-hover-show-sub" style="cursor: pointer;">
                  <a class="nav-link" onclick="window.location.href='zhanghu.html'" data-role="nav-toggler" style="font-weight:bold">个人中心
				 
    
                <li class="nav-item nav-item-arrow-down nav-hover-show-sub" style="cursor: pointer;">
                  <a class="nav-link"  data-role="nav-toggler" style="font-weight:bold">相关页面
                    <span class="nav-arrow">
                      <i class="fas fa-chevron-down"></i></span>
                  </a>
                  <ul class="collapse nav">
                    <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
						
					<li class="nav-item nav-item-arrow-down nav-hover-show-sub">
					  <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">我要打卡
					    <span class="nav-arrow">
					      <i class="fas fa-chevron-down"></i></span>
					  </a>
					  <ul class="collapse nav">
					    <li class="nav-item">
					      <a class="nav-link" href="sign.html" style="font-weight:bold">打卡滴滴</a></li>
					  </ul>
					</li>	
						
					<li class="nav-item nav-item-arrow-down nav-hover-show-sub">
					  <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">关于我们
					    <span class="nav-arrow">
					      <i class="fas fa-chevron-down"></i></span>
					  </a>
					  <ul class="collapse nav">
					    <li class="nav-item">
					      <a class="nav-link" href="about-us-alt.html" style="font-weight:bold">"我们"的简介</a></li>
					  </ul>
					</li>
					
					<li class="nav-item nav-item-arrow-down nav-hover-show-sub">
					  <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">盈销情况
					    <span class="nav-arrow">
					      <i class="fas fa-chevron-down"></i></span>
					  </a>
					  <ul class="collapse nav">
					    <li class="nav-item">
					      <a class="nav-link" href="yingxiao.html" style="font-weight:bold">盈销记录</a></li>
					  </ul>
					</li>
					
                    <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
                      <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">推荐好文
                        <span class="nav-arrow">
                          <i class="fas fa-chevron-down"></i></span>
                      </a>
                      <ul class="collapse nav">
                        <li class="nav-item">
                          <a class="nav-link" href="article-sidebar-right.html" style="font-weight:bold">每日推荐</a></li>
                      </ul>
                    </li>
					

					
                    <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
                      <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">商品管理
                        <span class="nav-arrow">
                          <i class="fas fa-chevron-down"></i></span>
                      </a>
                      <ul class="collapse nav">
                        <li class="nav-item">
                          <a class="nav-link" href="shop-sidebar-right.html"  style="font-weight:bold">总览购买页</a></li>
                        <li class="nav-item">
                          <a class="nav-link" href="shop-product-sidebar-right.html"  style="font-weight:bold">商品介绍页</a></li>
                      </ul>
                    </li>

                  </ul>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="shop-sidebar-right.html" style="font-weight:bold">购物商店</a></li>
                <li class="nav-item">
                  <a class="nav-link" href="blog-alt-sidebar-right.html" style="font-weight:bold">博客列表</a></li>
                <li class="nav-item">
                  <a class="nav-link" href="contact-us.html" style="font-weight:bold">联系我们</a></li>
              </ul>
              <div class="navbar-extra">
                <ul class="actions-nav">
                  <li class="nav-item">
                    <a class="nav-link" href="#">
                      <i class="fas fa-search"></i>
                      <span class="navbar-mobile">&nbsp;&nbsp;淘一下</span></a>
                  </li>
                  <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
                    <a class="nav-link" href="shop-sidebar-right.html" style="font-weight:bold;font-size: 1rem;">购&nbsp;物
                      <span class="nav-arrow">
                        <i class="fas fa-chevron-down"></i></span>
                    </a>
                    <ul class="collapse nav">
                      <li class="nav-item">
                        <a class="nav-link" href="shop-sidebar-right.html" style="font-weight:bold">购&nbsp;物</a></li>
                      <li class="nav-item">
                        <a class="nav-link" href="blog-alt-sidebar-right.html" style="font-weight:bold">博&nbsp;客</a></li>
                    </ul>
                  </li>
                  <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
                    <a class="nav-link" href="#" data-role="nav-toggler"  style="font-weight:bold;font-size: 1rem;">水果
                      <span class="nav-arrow">
                        <i class="fas fa-chevron-down"></i></span>
                    </a>
                    <ul class="collapse nav">
                      <li class="nav-item">
                        <a class="nav-link" href="#">水&nbsp;&nbsp;果</a></li>
                      <li class="nav-item">
                        <a class="nav-link" href="#">水 果 蔬 菜</a></li>
                      <li class="nav-item">
                        <a class="nav-link" href="#">蔬 菜</a></li>
                    </ul>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="login.html"  style="font-weight:bold;font-size: 1rem;">
                      <i class="fas fa-user"></i>&nbsp;&nbsp;退 出</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="orderList1.html">
                      <i class="fas fa-shopping-bag"></i>
                      <span class="navbar-mobile">&nbsp;&nbsp;Cart</span>
                      <span class="cart-quantity">
                        <span class="badge badge-pill badge-cart">3</span></span>
                    </a>
                  </li>
                </ul>
                <div class="navbar-info">
                  <div class="navbar-info-title">We are the student of</div>
                  <div class="navbar-info-value">C W N U</div></div>
              </div>
            </div>
          </div>
        </nav>
      </div>
    </header>
   </header>
     <section class="white-curve-after after-head slick-top-fix section-white-text">
      <div class="slick-view-banner slick-numeric-navigation slick-carousel" data-slider="top-side-numbers">
        <div class="slick-slides">
          <div class="slick-slide">
            <div class="section-white-text entity-banner content-offs section-solid bg-orange">
              <div class="container text-center text-lg-left entity-content">
                <div class="my-auto position-relative align-items-lg-center row">
                  <div class="full-block">
                    <div class="section-back-text">图片一</div>
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/shpinat-2.png" alt="" data-cursormove="0.2" data-size="51px" data-at="61%;-20%;-25deg">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/shpinat-1.png" alt="" data-cursormove="0.2" data-size="122px" data-at="29%;21%;-90deg">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/shpinat-3.png" alt="" data-cursormove="0.2" data-size="95px" data-at="47%;86%">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/kiwi-blur.png" alt="" data-cursormove="0.2" data-size="137px" data-at="92%;6%"></div>
                  <div class="m-lg-auto d-flex z-index-2 position-relative col">
                    <img class="px-5 px-lg-0 m-auto col-auto mw-100" src="./assets/images/content/x/fruits-plate.png" alt=""></div>
                  <div class="col-lg-6 mr-lg-5 mt-5 my-lg-auto order-lg-first z-index-4 position-relative">
                    <h2 class="h1 entity-title">特价商品展示 
                      <span class="text-crimson">45%</span>降价</h2>
                    <div class="h4 mt-0 text-uppercase font-weight-medium entity-subtitle" style="font-weight:bold">所有商品均用心选择</div>
                    <p class="mb-4 pb-2 entity-text" style="font-weight:bold">不仅有着鲜嫩外衣，还能让大家尝到第一手的新鲜和美味。</p>
                    <div class="entity-action-btns">
                      <a class="btn-wide btn btn-theme-white-bordered" href="shop-sidebar-right.html">现在下单 ！</a></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="slick-slide">
            <div class="section-white-text entity-banner content-offs section-solid bg-light-green">
              <div class="container text-center text-lg-left entity-content">
                <div class="my-auto position-relative align-items-lg-center row">
                  <div class="full-block">
                    <div class="section-back-text">图片二</div>
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/shpinat-2.png" alt="" data-cursormove="0.2" data-size="51px" data-at="46%;5%;-26deg">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/kiwi-blur.png" alt="" data-cursormove="0.2" data-size="88px" data-at="43%;78%">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/strawberry.png" alt="" data-cursormove="0.2" data-size="100px" data-at="69%;-5%;-18deg">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/shpinat-3.png" alt="" data-cursormove="0.2" data-size="150px" data-at="97%;82%"></div>
                  <div class="m-lg-auto d-flex z-index-2 position-relative col">
                    <img class="m-auto col-auto px-5 pr-lg-0 mw-100" src="./assets/images/content/x/banana.png" alt=""></div>
                  <div class="col-lg-5 mr-lg-5 mt-5 my-lg-auto order-lg-first z-index-4 position-relative">
                    <h2 class="h1 entity-title">太空香蕉
                      <span class="text-bittersweet" style="font-weight:bold">每日优选</span></h2>
                    <div class="h4 mt-0 entity-subtitle" style="font-weight:bold">所有商品均用心选择</div>
                    <p class="mb-4 pb-2 entity-text" style="font-weight:bold">不仅有着鲜嫩外衣，还能让大家尝到第一手的新鲜和美味。</p>
                    <div class="entity-action-btns">
                      <a class="btn-wide btn btn-theme-white-bordered" href="shop-sidebar-right.html">现在下单 ！</a></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="slick-slide">
            <div class="section-white-text entity-banner content-offs section-solid bg-bittersweet">
              <div class="container text-center text-lg-left entity-content">
                <div class="my-auto position-relative align-items-lg-center row">
                  <div class="full-block">
                    <div class="section-back-text">图片三</div>
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/shpinat-3.png" alt="" data-cursormove="0.2" data-size="150px" data-at="27%;51%;86deg">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/bilberry.png" alt="" data-cursormove="0.2" data-size="37px" data-at="45%;16%">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/strawberry-branch.png" alt="" data-cursormove="0.2" data-size=";507px" data-at="97%;63%">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/shpinat-2.png" alt="" data-cursormove="0.2" data-size="51px" data-at="99%;-3%;-26deg"></div>
                  <div class="m-lg-auto d-flex z-index-2 position-relative col">
                    <img class="px-5 m-auto col-auto mw-100" src="./assets/images/content/x/plate.png" alt=""></div>
                  <div class="col-lg-5 mr-lg-5 mt-5 my-lg-auto order-lg-first z-index-4 position-relative">
                    <h2 class="h1 entity-title">草莓奶昔
                      <span class="text-orange"  style="font-weight:bold">每日优选</span></h2>
                    <div class="h4 mt-0 entity-subtitle">所有商品均用心选择</div>
                    <p class="mb-4 pb-2 entity-text"  style="font-weight:bold">不仅有着鲜嫩外衣，还能让大家尝到第一手的新鲜和美味。</p>
                    <div class="entity-action-btns">
                      <a class="btn-wide btn btn-theme-white-bordered" href="shop-sidebar-right.html">现在下单 ！</a></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="slick-slide">
            <div class="section-white-text entity-banner content-offs section-solid bg-pink">
              <div class="container text-center text-lg-left entity-content">
                <div class="my-auto position-relative align-items-lg-center row">
                  <div class="full-block">
                    <div class="section-back-text">图片四</div>
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/blackberry.png" alt="" data-cursormove="0.2" data-size="50px" data-at="34%;-5%;18deg">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/strawberry.png" alt="" data-cursormove="0.2" data-size="108px" data-at="41%;86%;-12deg">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/shpinat-3.png" alt="" data-cursormove="0.2" data-size="116px" data-at="97%;4%;4deg">
                    <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/bilberry.png" alt="" data-cursormove="0.2" data-size="37px" data-at="98%;104%"></div>
                  <div class="m-lg-auto d-flex z-index-2 position-relative col">
                    <img class="m-auto col-auto mw-100" src="./assets/images/content/x/plate-2.png" alt=""></div>
                  <div class="col-lg-5 mr-lg-5 mt-5 my-lg-auto order-lg-first z-index-4 position-relative">
                    <h2 class="h1 entity-title" style="font-weight:bold">水果拼盘
                      <span class="text-light-green" style="font-weight:bold">每日优选</span></h2>
                    <div class="h4 mt-0 entity-subtitle" style="font-weight:bold">所有商品均用心选择</div>
                    <p class="mb-4 pb-2 entity-text" style="font-weight:bold">不仅有着鲜嫩外衣，还能让大家尝到第一手的新鲜和美味。</p>
                    <div class="entity-action-btns">
                      <a class="btn-wide btn btn-theme-white-bordered" href="shop-sidebar-right.html">现在下单 ！</a></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section" data-slider="featured-products">
      <div class="section-head container left">
        <div class="section-icon">
          <span class="svg-fill-crimson svg-content" data-svg="./assets/images/svg/title-pepper.svg"></span>
        </div>
        <div class="section-head-content">
          <h2 class="section-title">特色商品</h2></div>
        <div class="slick-arrows">
          <div class="slick-arrow-prev">
            <i class="fas fa-arrow-left"></i>
          </div>
          <div class="slick-arrow-next">
            <i class="fas fa-arrow-right"></i>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="slick-view-carousel slick-carousel">
          <div class="slick-slides">
            <div v-for="commodity in commodityArray" class="slick-slide">
              <article class="entity-block entity-hover-shadow">
                <a class="entity-preview-show-up entity-preview" href="shop-product-sidebar-right.html">
                  <span class="embed-responsive embed-responsive-4by3">
                    <img class="embed-responsive-item" v-bind:src="'./assets/images/content/720x540/'+commodity.commodityImage" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fas fa-shopping-cart"></i>
                    </span>
                  </span>
                </a>
                <div class="fill-color-line" data-role="fill-line">
                  <div class="opacity-30 fill-line-segment bg-theme" data-role="fill-line-segment" data-min-width="10" data-preffered-width="50" data-max-width="80"></div>
                  <div class="opacity-60 fill-line-segment bg-theme" data-role="fill-line-segment" data-min-width="10" data-preffered-width="50" data-max-width="80"></div>
                  <div class="fill-line-segment bg-theme" data-role="fill-line-segment" data-min-width="10" data-preffered-width="50" data-max-width="80"></div>
                </div>
                <div class="entity-content">
                  <h4 class="entity-title">
                    <a class="content-link" href="shop-product-sidebar-right.html">{{commodity.commodityName}}</a></h4>
                  <p class="entity-text">{{commodity.commodityInfo}}</p>
                  <div class="entity-bottom-line">
                    <div class="entity-price">
                      <span class="currency">$</span>{{commodity.commodityPrice}}
                      <span class="price-unit">/ kg</span></div>
                    <div class="entity-action-btns">
                      <a v-on:click="insert(commodity.commodityCategory,commodity.id,commodity.commodityName,commodity.commodityPrice)" class="btn-sm btn btn-theme" href="#">添加到购物车</a></div>
                  </div>
                </div>
              </article>
            </div>
		  </div>
        </div>
      </div>
    </section>
    <section class="bg-bittersweet white-curve-before curve-before-50 white-curve-after curve-after-20 section-solid section-white-text">
      <div class="section-back-text">Features</div>
      <div class="full-block">
        <div class="container h-100 position-relative" data-size="60%">
          <img class="z-index-4 d-none d-xl-block mw-100" src="./assets/images/content/x/section-apricot.png" alt="" data-size="205px" data-at="-15%;bottom 70px" data-cursormove="0.2">
          <img class="z-index-4 d-none d-xl-block mw-100" src="./assets/images/content/x/section-strawberry.png" alt="" data-size="150px" data-at="115%;15px;-17deg" data-cursormove="0.2"></div>
      </div>
      <div class="section-head container left">
        <div class="section-icon">
          <span class="svg-fill-white svg-content" data-svg="./assets/images/svg/title-beans.svg"></span>
        </div>
        <div class="section-head-content">
          <h2 class="section-title">商城亮点^-^</h2>
          <p class="section-text">都是大棚和地里现摘的哦</p></div>
      </div>
      <div class="container">
        <div class="cols-lg row">
          <div class="col-md-4">
            <div class="entity text-center">
              <div class="entity-icon">
                <img class="mw-100" src="./assets/images/parts/icons/100/white/tomato-transparent.png" alt=""></div>
              <h4 class="entity-title">纯天然食品</h4>
              <p class="mb-0 entity-text" style="font-weight: bold;text-align: center;">天然绿色无污染，有机有益有格调<br>水果的好处，一般人我不告诉他</p>
              <img class="d-none d-lg-block mw-100" src="./assets/images/parts/arrow-curved-up.png" alt="" data-size="50px" data-at="right 5px;40px;25deg"></div>
          </div>
          <div class="col-md-4">
            <div class="entity text-center">
              <div class="entity-icon">
                <img class="mw-100" src="./assets/images/parts/icons/100/white/dairy-transparent.png" alt=""></div>
              <h4 class="entity-title">生物安全保证</h4>
              <p class="mb-0 entity-text" style="font-weight: bold;text-align: center;">无毒无害无诈骗，有色有香有味道<br>每一个产品的入库都经过严格的筛选</p>
              <img class="d-none d-lg-block mw-100" src="./assets/images/parts/arrow-curved.png" alt="" data-size="50px" data-at="right -21px;85px;-36deg"></div>
          </div>
          <div class="col-md-4">
            <div class="entity text-center">
              <div class="entity-icon">
                <img class="mw-100" src="./assets/images/parts/icons/100/white/leafs-transparent.png" alt=""></div>
              <h4 class="entity-title">产品产地多样性</h4>
              <p class="mb-0 entity-text" style="font-weight: bold;text-align: center;">多个货源供货  多名员工挑选<br>多种货物备份  多种模式搭配</p>
              <img class="d-none mw-100" src="./assets/images/parts/arrow-curved.png" alt="" data-size="50px" data-at="100%;50%"></div>
          </div>
        </div>
      </div>
    </section>
    <section class="section-solid">
      <div class="text-theme section-back-text">橙汁儿</div>
      <div class="container">
        <div class="entity-simple">
          <div class="cols-lg row">
            <div class="col-lg-6 d-flex">
              <div class="m-auto col-auto entity-image">
                <img class="mw-100" src="./assets/images/content/x/orange-juice.png" alt=""></div>
            </div>
            <div class="col">
              <h4 class="text-theme font-weight-medium h1 entity-title">棒打鲜橙</h4>
              <div class="text-title display-4 font-weight-bold entity-subtitle">100% 鲜榨</div>
              <ul class="spaced my-5 entity-list">
                <li  style="font-weight: 600;">
                  <i class="fas fa-leaf text-light-green"></i>&nbsp;&nbsp;乐淘淘 100%鲜榨 棒打鲜橙 是源自南充西华师范蜜雪冰城的新鲜饮料，随带随饮</li>
                <li style="font-weight: 600;">
                  <i class="fas fa-leaf text-light-green"></i>&nbsp;&nbsp;将富含充足维生素C的棒打鲜橙添加到您的每日一餐中将会是绝佳决定</li>
                <li style="font-weight: 600;">
                  <i class="fas fa-leaf text-light-green"></i>&nbsp;&nbsp;果汁含有重要的营养成分，包括钾和叶酸还有其他身体需要的微量物质</li>
                <li style="font-weight: 600;">
                  <i class="fas fa-leaf text-light-green"></i>&nbsp;&nbsp;现在下单这杯价值24元现价8元的棒打鲜橙，直接邮寄到家</li>
              </ul>
              <div class="entity-action-btns">
                <a class="btn btn-theme" href="#">添加到购物车</a>
                <a class="ml-4 btn-theme-bordered btn" href="shop-product-sidebar-right.html">浏览更多</a></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="bg-light-green white-curve-before curve-before-0 white-curve-after curve-after-40 section-solid">
      <div class="overflow-back bg-vegetables-pattern opacity-10"></div>
      <div class="full-block">
        <div class="container h-100 position-relative" data-size="50%">
          <img class="z-index-4 d-none d-xl-block mw-100" src="./assets/images/content/x/section-lime.png" alt="" data-size="270px" data-at="115%;0" data-cursormove="0.2"></div>
      </div>
      <div class="section-head container left">
        <div class="section-icon">
          <span class="svg-fill-dark-lime-green svg-content" data-svg="./assets/images/svg/title-kiwi.svg"></span>
        </div>
        <div class="section-head-content">
          <h2 class="section-title">我们的产品</h2>
          <p class="section-text">所有的产品都是为您定做！</p></div>
      </div>
      <div class="container">
        <div class="grid row">
          <div v-for="item in itemArray" class="col-sm-6 col-lg-4">
            <article class="entity-block entity-hover-shadow text-center entity-preview-show-up">
              <div class="entity-preview">
                <div class="embed-responsive embed-responsive-4by3">
                  <img class="embed-responsive-item" v-bind:src="'./assets/images/content/720x540/'+item.commodityImage" alt=""></div>
                <div class="with-back entity-preview-content">
                  <div class="mx-auto mt-auto mb-4 text-center">
                    <a v-on:click="insert(commodity.commodityCategory,commodity.id,commodity.commodityName,commodity.commodityPrice)" class="btn-wide btn btn-theme" href="shop-sidebar-right.html">现在下单</a></div>
                </div>
              </div>
              <div class="pb-4 entity-content">
                <h4 class="entity-title">
                  <a class="content-link" href="shop-product-sidebar-right.html">{{item.commodityName}}</a></h4>
                <div class="entity-price">
                  <span class="currency">$</span>{{item.commodityPrice}}
                  <span class="price-unit">/ kg</span></div>
              </div>
            </article>
          </div>
        </div>
      </div>
      <div class="section-footer">
        <a class="btn-theme-white-bordered btn" href="shop-sidebar-right.html">观看更多</a></div>
    </section>
    <section class="section">
      <div class="section-head container left">
        <div class="section-icon">
          <span class="svg-fill-theme svg-content" data-svg="./assets/images/svg/title-baracka.svg"></span>
        </div>
        <div class="section-head-content">
          <h2 class="section-title">运输和支付</h2>
          <p class="section-text">我们会尽可能的保障速度和安全</p></div>
      </div>
      <div class="container">
        <div class="grid row">
          <div class="col-lg-3 d-flex">
            <div class="entity-block entity-hover-shadow entity-hover-highlight entity-hover-white-icon">
              <div class="mt-4 mb-0 mr-auto align-self-start p-2 px-4 bradr entity-icon">
                <img class="mw-100" src="./assets/images/parts/icons/50/orange/shopping-basket.png" alt=""></div>
              <div class="entity-content">
                <h4 class="entity-title">选 购</h4>
                <p class="mb-0 entity-text">我 们 的 客 服 将 会 与 您 交 流 订 单 的 种 类 和 细 节</p></div>
            </div>
          </div>
          <div class="col d-flex align-items-center">
            <div class="m-auto">
              <div class="h2 lg-horizontal separator-dots-arrow">
                <span class="separator-dot"></span>
                <span class="separator-dot last"></span>
                <span class="separator-arrow">
                  <i class="fas fa-angle-down separator-show-vertical"></i>
                  <i class="fas fa-angle-right separator-show-horizontal"></i>
                </span>
              </div>
            </div>
          </div>
          <div class="col-lg-3 d-flex">
            <div class="entity-block entity-hover-shadow entity-hover-highlight entity-hover-white-icon">
              <div class="mt-4 mb-0 mr-auto align-self-start p-2 px-4 bradr entity-icon">
                <img class="mw-100" src="./assets/images/parts/icons/50/orange/card-payment.png" alt=""></div>
              <div class="entity-content">
                <h4 class="entity-title">支 付</h4>
                <p class="mb-0 entity-text">自 主 选 择 支 付 模 式 并 进 行 支 付</p></div>
            </div>
          </div>
          <div class="col d-flex align-items-center">
            <div class="m-auto">
              <div class="h2 lg-horizontal separator-dots-arrow">
                <span class="separator-dot"></span>
                <span class="separator-dot last"></span>
                <span class="separator-arrow">
                  <i class="fas fa-angle-down separator-show-vertical"></i>
                  <i class="fas fa-angle-right separator-show-horizontal"></i>
                </span>
              </div>
            </div>
          </div>
          <div class="col-lg-3 d-flex">
            <div class="entity-block entity-hover-shadow entity-hover-highlight entity-hover-white-icon">
              <div class="mt-4 mb-0 mr-auto align-self-start p-2 px-4 bradr entity-icon">
                <img class="mw-100" src="./assets/images/parts/icons/50/orange/shipped.png" alt=""></div>
              <div class="entity-content">
                <h4 class="entity-title">运 输</h4>
                <p class="mb-0 entity-text">将 会 通 过 西 华 师 大 快 递 有 限 公 司 进 行 运 输</p></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="bg-theme white-curve-before curve-before-60 white-curve-after curve-after-90 section-solid section-white-text">
      <div class="section-back-text">stauts</div>
      <div class="full-block">
        <div class="container h-100 position-relative" data-size="60%">
          <img class="z-index-4 d-none d-xl-block mw-100" src="./assets/images/content/x/section-red-strawberry.png" alt="" data-size="145px" data-at="-5%;15px" data-cursormove="0.2">
          <img class="z-index-4 d-none d-xl-block mw-100" src="./assets/images/content/x/section-blackberry-with-leaves.png" alt="" data-size="205px" data-at="110%;bottom 40px" data-cursormove="0.2"></div>
      </div>
      <div class="container">
        <div class="cols-lg row">
          <div class="col-lg-4">
            <div class="entity line">
              <div class="my-auto entity-icon">
                <img class="mw-100" src="./assets/images/parts/icons/100/white/in-love.png" alt=""></div>
              <div class="ml-4 my-auto entity-content">
                <div class="h1 mb-1 entity-value" data-waypoint-counter="5000" data-waypoint-counter-extra="+"></div>
                <p class="mb-0 entity-text"style="font-weight: bold;">好 评 客 户</p></div>
            </div>
          </div>
          <div class="col-lg-4">
            <div class="entity line">
              <div class="my-auto entity-icon">
                <img class="mw-100" src="./assets/images/parts/icons/100/white/handshake.png" alt=""></div>
              <div class="ml-4 my-auto entity-content">
                <div class="h1 mb-1 entity-value" data-waypoint-counter="99" data-waypoint-counter-extra="%"></div>
                <p class="mb-0 entity-text" style="font-weight: bold;">服 务 好 评 率</p></div>
            </div>
          </div>
          <div class="col-lg-4">
            <div class="entity line">
              <div class="my-auto entity-icon">
                <img class="mw-100" src="./assets/images/parts/icons/100/white/guarantee.png" alt=""></div>
              <div class="ml-4 my-auto entity-content">
                <div class="h1 mb-1 entity-value" data-waypoint-counter="22" data-waypoint-counter-extra="false"></div>
                <p class="mb-0 entity-text" style="font-weight: bold;">认 证 入 住 商 家</p></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section" data-slider="testimonials">
      <div class="section-head container left">
        <div class="section-icon">
          <span class="svg-fill-crimson svg-content" data-svg="./assets/images/svg/title-strawberry.svg"></span>
        </div>
        <div class="section-head-content">
          <h2 class="section-title">顾客们都这么说：</h2></div>
        <div class="slick-arrows">
          <div class="slick-arrow-prev">
            <i class="fas fa-arrow-left"></i>
          </div>
          <div class="slick-arrow-next">
            <i class="fas fa-arrow-right"></i>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="slick-view-carousel slick-carousel">
          <div class="slick-slides">
            <div class="slick-slide">
              <div class="entity-block entity-hover-shadow">
                <div class="pb-4 entity-content">
                  <div class="side-image entity-header">
                    <div class="entity-image">
                      <img class="mw-100" src="./assets/images/content/100x100/people-1.jpg" alt=""></div>
                    <h5 class="entity-title">真的是太棒了朋友们 !!!</h5></div>
                  <p class="entity-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二次下单了家人们，东西真的很不错，好吃到翘Jiojio。我只能说买它买它买它，快下单家人们！</p>
                  <div class="entity-footer">
                    <div class="row">
                      <div class="col-12 col-md">
                        <div class="user-rating">
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                        </div>
                      </div>
                      <div class="col-12 col-md-auto">
                        <div class="entity-author">程序员甲</div></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="slick-slide">
              <div class="entity-block entity-hover-shadow">
                <div class="pb-4 entity-content">
                  <div class="side-image entity-header">
                    <div class="entity-image">
                      <img class="mw-100" src="./assets/images/content/100x100/people-2.jpg" alt=""></div>
                    <h5 class="entity-title">芜湖~，太神奇辣！</h5></div>
                  <p class="entity-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第一次吃到这样的东西，感觉灵魂都收到了升华，太好吃辣，我直接重获新生，晚上做梦都睡不着了简直是>_<</p>
                  <div class="entity-footer">
                    <div class="row">
                      <div class="col-12 col-md">
                        <div class="user-rating">
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                        </div>
                      </div>
                      <div class="col-12 col-md-auto">
                        <div class="entity-author">程序员甲的女票</div></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="slick-slide">
              <div class="entity-block entity-hover-shadow">
                <div class="pb-4 entity-content">
                  <div class="side-image entity-header">
                    <div class="entity-image">
                      <img class="mw-100" src="./assets/images/content/100x100/people-3.jpg" alt=""></div>
                    <h5 class="entity-title">我会推荐跟我一样的单身狗们</h5></div>
                  <p class="entity-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我已经在这个网站上浏览了30个小时啦，下单百遍其义自现，这很好的缓解了我秃头又单身的悲痛啊哈哈哈哈哈~</p>
                  <div class="entity-footer">
                    <div class="row">
                      <div class="col-12 col-md">
                        <div class="user-rating">
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item rating-inactive">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                        </div>
                      </div>
                      <div class="col-12 col-md-auto">
                        <div class="entity-author">单身的程序员乙</div></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="slick-slide">
              <div class="entity-block entity-hover-shadow">
                <div class="pb-4 entity-content">
                  <div class="side-image entity-header">
                    <div class="entity-image">
                      <img class="mw-100" src="./assets/images/content/100x100/people-4.jpg" alt=""></div>
                    <h5 class="entity-title">优中择优了属于是</h5></div>
                  <p class="entity-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;吧唧吧唧吧唧，手不空，在吃水果</p>
                  <div class="entity-footer">
                    <div class="row">
                      <div class="col-12 col-md">
                        <div class="user-rating">
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                        </div>
                      </div>
                      <div class="col-12 col-md-auto">
                        <div class="entity-author">吃货程序员丙</div></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="slick-slide">
              <div class="entity-block entity-hover-shadow">
                <div class="pb-4 entity-content">
                  <div class="side-image entity-header">
                    <div class="entity-image">
                      <img class="mw-100" src="./assets/images/content/100x100/people-5.jpg" alt=""></div>
                    <h5 class="entity-title">每个人都可以吃！</h5></div>
                  <p class="entity-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;吃了就能睡得香zzzzzzzz</p>
                  <div class="entity-footer">
                    <div class="row">
                      <div class="col-12 col-md">
                        <div class="user-rating">
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                        </div>
                      </div>
                      <div class="col-12 col-md-auto">
                        <div class="entity-author">摸鱼打瞌睡的程序员丁</div></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="slick-slide">
              <div class="entity-block entity-hover-shadow">
                <div class="pb-4 entity-content">
                  <div class="side-image entity-header">
                    <div class="entity-image">
                      <img class="mw-100" src="./assets/images/content/100x100/people-6.jpg" alt=""></div>
                    <h5 class="entity-title">快递太快啦，水果也好吃</h5></div>
                  <p class="entity-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我老冲浪人了，这些程序员上班摸鱼在这家店买水果被我逮到了，虽然很好吃，但是我可以把他们奖金扣了拿来自己买哦吼吼吼吼</p>
                  <div class="entity-footer">
                    <div class="row">
                      <div class="col-12 col-md">
                        <div class="user-rating">
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                          <span class="rating-item">
                            <i class="fas fa-apple-alt"></i>
                          </span>
                        </div>
                      </div>
                      <div class="col-12 col-md-auto">
                        <div class="entity-author">某项目总监</div></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="bg-dark-lime-green white-curve-before curve-before-40 white-curve-after curve-after-70 slick-solid-nav section-solid section-white-text" data-slider="images-carousel">
      <div class="overflow-back bg-vegetables-pattern opacity-20"></div>
      <div class="section-head container left">
        <div class="section-icon">
          <span class="svg-fill-light-green svg-content" data-svg="./assets/images/svg/title-grape.svg"></span>
        </div>
        <div class="section-head-content">
          <h2 class="section-title">瞧一瞧看一看</h2>
          <p class="section-text">看看这些果果
            <a href="#">@CWNU</a></p>
        </div>
        <div class="slick-arrows">
          <div class="slick-arrow-prev">
            <i class="fas fa-arrow-left"></i>
          </div>
          <div class="slick-arrow-next">
            <i class="fas fa-arrow-right"></i>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row"></div>
        <div class="slick-view-carousel slick-carousel">
          <div class="slick-slides">
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-1.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-2.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-3.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-4.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-5.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-6.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-7.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-8.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-9.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-10.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-11.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
            <div class="slick-slide">
              <a class="entity-block entity-hover-shadow" href="#">
                <span class="entity-preview-show-up entity-preview">
                  <span class="embed-responsive embed-responsive-1by1">
                    <img class="embed-responsive-item" src="./assets/images/content/720x720/image-12.jpg" alt=""></span>
                  <span class="with-back entity-preview-content">
                    <span class="overflow-back bg-body-back opacity-70"></span>
                    <span class="m-auto h1 text-theme text-center">
                      <i class="fab fa-instagram"></i>
                    </span>
                  </span>
                </span>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="section-footer"></div>
    </section>
    <section class="section">
      <div class="section-head container left">
        <div class="section-icon">
          <span class="svg-fill-jazzberry-jam svg-content" data-svg="./assets/images/svg/title-rasberry.svg"></span>
        </div>
        <div class="section-head-content">
          <h2 class="section-title">联系方式</h2>
          <p class="section-text">get in touch</p></div>
      </div>
      <div class="container">
        <div class="row"></div>
        <div class="entity">
          <div class="cols-lg row">
            <div class="col-12 col-xl">
              <div class="frame-block p-2">
                <div class="gmap" data-lat="-33.88" data-lng="151.108" data-center-lat="-33.88" data-center-lng="151.108" style="text-align: center; line-height:20rem;font-size: 80px;">广 告 位 招 租</div>
              </div>
            </div>
            <div class="col-12 col-xl-3 pt-xl-3">
              <div class="cols-md row">
                <div class="col-md-6 col-lg-3 col-xl-12">
                  <div class="entity-record short">
                    <div class="entity-record-title">phone:</div>
                    <div class="entity-record-value">+ 00 000 0000 0000</div></div>
                </div>
                <div class="col-md-6 col-lg-3 col-xl-12">
                  <div class="entity-record short">
                    <div class="entity-record-title"style="font-weight:500;">adress:</div>
                    <div class="entity-record-value" style="font-weight: bold;">南充市顺庆区华凤校区</div></div>
                </div>
                <div class="col-md-6 col-lg-3 col-xl-12">
                  <div class="entity-record short">
                    <div class="entity-record-title">E-mail:</div>
                    <div class="entity-record-value">cwnu@xihuashida.com</div></div>
                </div>
                <div class="col-md-6 col-lg-3 col-xl-12">
                  <div class="entity-record short">
                    <div class="entity-record-title">Social:</div>
                    <div class="entity-record-value">
                      <div class="entity-action-icons">
                        <a class="content-link" href="#">
                          <i class="fab fa-facebook-f" aria-hidden="true"></i>
                        </a>
                        <a class="content-link" href="#">
                          <i class="fab fa-twitter" aria-hidden="true"></i>
                        </a>
                        <a class="content-link" href="#">
                          <i class="fab fa-google-plus-g" aria-hidden="true"></i>
                        </a>
                        <a class="content-link" href="#">
                          <i class="fab fa-pinterest" aria-hidden="true"></i>
                        </a>
                        <a class="content-link" href="#">
                          <i class="fab fa-instagram" aria-hidden="true"></i>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <div class="scroll-top">
      <i class="fas fa-long-arrow-alt-up"></i>
    </div>
    <footer class="white-curve-before curve-before-80 page-footer footer-view-links section-white-text">
      <div class="overflow-back bg-vegetables-pattern-white opacity-3"></div>


    </footer>
</div>
	<script src="./assets/js/vue.js"></script>
		<script src="./assets/js/axios.min.js"></script>
		<script src="./assets/js/const.js"></script>
		<script>
					var config={
						"el":"#app",
						"data":{
							"commodityArray":[],
							"itemArray":[]
								},
						"methods":{
							"selectCommodity":function(){
								var serverUrl=baseUrl+"/commodity/selectAll";
								console.log(serverUrl);
								axios.get(serverUrl)
								.then(function(response){
									var serverResult=response.data;
									//serverResult有3个属性，商品数据放在data中
									var commodityList=serverResult.data;
									//在then这个函数中访问data中的变量，要加this.vue
									//this.vue.commodityArray=commodityList.splice(0,8);
									this.vue.commodityArray=commodityList;
									this.vue.itemArray=commodityList;
								})
								.catch(function(response){})
							},
							"insert":function(commodityCategory,commodityId,commodityName,commodityPrice){
								var serverUrl=baseUrl
								+"/orderlist/insert?commodityCategory="+commodityCategory
								+"&commodityId="+commodityId
								+"&commodityName="+commodityName
								+"&commodityPrice="+commodityPrice;
								
								axios.get(serverUrl)
								.then(function(response){
									var code=response.data.code;
									if(code==0){
										window.alert("插入成功");
									}else{
										window.alert("插入失败");						
									}
								})
								.catch(function(response){
								});
							},
						},
						"mounted":function(){
							this.selectCommodity();
						}
					};
					var vue=new Vue(config);
				</script>
  </body>


 <script src="./assets/jquery/jquery-3.3.1.min.js"></script>
  <script src="./assets/bootstrap/js/bootstrap.min.js"></script>
  <script src="./assets/shuffle/shuffle.min.js"></script>
  <script src="./assets/waypoints/jquery.waypoints.min.js"></script>
  <script src="./assets/slick/slick.min.js"></script>
  <script src="./assets/js-cookie/js.cookie.js" type="text/javascript"></script>
  <script src="./assets/js/gmap/silver.js"></script>
  <script src="./assets/js/script.js"></script>
  <script async defer="defer" src="https://ditu.google.cn/maps/api/js?key=AIzaSyBDBAbNXaCDOzujLCykXUvTylfbL1wUcaM&callback=initMap"></script>

	  <link href="./assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	  <link href="./assets/animate.css/animate.min.css" rel="stylesheet" type="text/css">
	  <link href="./assets/fontawesome/css/all.min.css" rel="stylesheet" type="text/css">
	  <link href="./assets/slick/slick.css" rel="stylesheet" type="text/css">
	  <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap" rel="stylesheet" type="text/css">
	  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet" type="text/css">
	  <link href="./assets/css/theme.min.css" rel="stylesheet" type="text/css">
</html>